body{
    max-width: 720px;
    font-size:62.5%!important;
}
.main{
    overflow: hidden;
}
.main ul {
    width: 90%;
    margin-left: 5%;
    margin-top: 10px;
}
.main ul li{
    font-size: 1.5em;
    color: #333;
    line-height: 1.5em;
    padding-bottom:.5em;
    text-align:left;
}

@media screen and (min-width:720px){
    body{font-size:23px;-webkit-text-size-adjust: none;}
    input{font-size:23px;}
}

@media screen and (min-width:640px) and (max-width:719px){
    body{font-size:20px;-webkit-text-size-adjust: none;}
    input{font-size:20px;}
}

@media screen and (min-width:480px) and (max-width:639px){
    body{font-size:15px;-webkit-text-size-adjust: none;}
    input{font-size:15px;}
}
@media screen and (min-width:320px) and (max-width:479px){
    body{font-size:12px;-webkit-text-size-adjust: none;}
    input{font-size:12px;}
}
@media screen and (max-width: 319){
    body{font-size:10px;-webkit-text-size-adjust: none;}
    input{font-size: 10px;}
}
